<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>教员详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/resize.js" ></script>
		<script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script>
		<script type="text/javascript" src="js/common.js" ></script>
		<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js" ></script>
		
	</head>
	<body class="bgwhite">
		<!--头部-->
		<div class="header">
			<div class="warp">
				<a href="javascript:;" class="return-btn fl"></a>
				教员详情
				<a href="javascript:;" class="nav fr" data-click="on"></a>
					<ol class="menu-down">
						<li><a href="index.html">首 页</a></li>
						<li><a href="teacherList.html">教员库</a></li>
						<li><a href="applyfor.html">快速请家教</a></li>
						<li><a href="xueyuanList.html">学员库</a></li>
						<li><a href="parentFeedback.html">家长反馈</a></li>
					</ol>
			</div>
		</div>
		<div class="wrap">
			<div class="detail-header">
				<div class="warp">
					<img src="images/jiaoyuan-img.jpg" class="teacher-logo" />
					<div class="teacher-info">
						<p class="p1"><span>刘老师</span><span class="ml2">编号：T121221</span></p>
						<p class="p2">
							我是从教8年，学生数学高考平均分134分，（辅导大量4校学生）对考纲研究深入细致，保证提分，细致耐心...
						</p>
						<p class="p3">教师类型：专职老师 </p>
						<p class="p3">毕业学校：复旦大学</p>
						<p class="p3">所获证书：英语四级六级证书、计算机等级证书，大学研究生毕业证</p>
						<p class="p4"><span>1871233****</span><a href="javascript:;" class="showtel">点击查看完整电话</a></p>
					</div>
				</div>
			</div>
			<div class="teacher-list-detail">
				<div class="detail-choose">
					<a href="#xiangqing" class="on">教师详情</a>
					<a href="#anli">教学案例</a>
					<a href="#jilu">成功记录</a>
					<a href="#fengcai">教师风采</a>
					<a href="#dianping">家长点评</a>
				</div>
				<div class="detail-item" id="xiangqing">
					<h3 class="item-h renwu">教师详情</h3>
					<p class="item-p">
						     
						可授科目：小学语文初一初二语文初三语文陪玩陪读 <br />   
						授课区域： 沙坪坝(沙坪坝) 九龙坡(九龙坡) 渝北(渝北)<br />
						可授课区域描述： 重大学子，学习认真刻苦，有着丰富的家教经验。<br />
						薪水要求：执行家教114薪水标准  查看家教114薪水标准<br />
						所获证书：英语四六级，计算机二级，雅思在考。<br />
						辅导方式：本人上门,学生上门<br/>
						自我评价：教孩子学会生活、学会学习。我是来自一名河南籍研究生，如果给我一个机会，我会还给你一个有教养、有知识的孩子。
					</p>
				</div>
				<div class="detail-item" id="anli">
					<h3 class="item-h anli">教学案例</h3>
					<p class="item-p">
						在大二、大三期间做育人培训机构语文老师，辅导三至五年级和初一年级阅读写作，小班辅导授课。<br /> 
						在读研期间担任徽峰学社语文老师、炎黄在大二、大三期间做育人培训机构语文老师，辅导三至五年级和初一年级阅读写作，小班辅导授课。 <br />
						在读研期间担任徽峰学社语文老师、炎黄
					</p>
				</div>
				<div class="detail-item" id="jilu">
					<h3 class="item-h success">成功记录</h3>
					<table cellpadding="0" cellspacing="0" class="record-table">
						<thead>
							<tr>
								<th>订单号</th>
								<th>年级科目</th>
								<th>状态</th>
								<th>接单日期</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>09302940</td>
								<td>小学语文</td>
								<td>完结</td>
								<td>2017/08/08</td>
							</tr>
							<tr>
								<td>09302940</td>
								<td>小学语文</td>
								<td>完结</td>
								<td>2017/08/08</td>
							</tr>
							<tr>
								<td>09302940</td>
								<td>小学语文</td>
								<td>完结</td>
								<td>2017/08/08</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="detail-item" id="fengcai">
					<h3 class="item-h fengcai">教师风采</h3>
					<div class="swiper-container">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				            <div class="swiper-slide"><img src="images/img-1.jpg"/></div>
				        </div>
				    </div>
				</div>
				<div class="detail-item" id="dianping">
					<h3 class="item-h dianping">家长点评</h3>
					<div class="dianping-1">
						<div class="dianping-1-left">
							<span>满意度</span>
							<span class="score">100%</span>
						</div>
						<div class="dianping-1-right">
							<p>孔子：“大学之道，在明明德，在亲民， 在止于至善。” </p>
							<a href="" class="pinglun">我要评论</a>
						</div>
					</div>
					<div class="pinglun-item">
						<div class="item-left">
							<img src="images/avtar.jpg" />
							<p>123213</p>
						</div>
						<div class="item-right">
							<p>我和朋友一起去的，我们在网上订的单，去的时候找不到酒店还有人来接送，服务态度很好，不光是环境好，设施齐全，那里的服务员还让人感</p>
							<p class="pinglun-time">2017-02-29 12:23:23</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--底部-->
		<div class="footer">
			<a href="javascript:;" title="返回顶部" class="up-btn" id="back-to-top"></a>
			<div class="footer-msg">
				<img src="images/qrcode.png" class="fl qrcode" />
				<div class="msg-txt fr">
					<p><a href="" class="colorBlue">触屏版</a>|<a href="">电脑版</a></p>
					<p>copyRight@2017-2018</p>
					<p>版权所有：智必达家教</p>
				</div>
			</div>
			<div class="bottom">
				<ul>
					<li>
						<a href="" class="kf">在线客服</a>
					</li>
					<li>
						<a href="" class="tel">400-0000-0000</a>
					</li>
					<li>
						<a href="" class="jiaoyuan">预约教员</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="mark">
			<div class="dialog">
				<a href="javascript:;" class="close-btn">×</a>
				<form action="" method="post" class="loginForm">
					<h2 class="dialog-info">请详细填写您的需求，专业客服将跟您取得联系， 并将教员电话号码告知您！</h2>
					<div class="inputBox clearfix">
						<input type="text" placeholder="姓名"/>
					</div>
					<div class="inputBoxmt clearfix">
						<select class="selectBox">
							<option>请选择年级</option>
							<option>一年级</option>
							<option>二年级</option>
						</select>
					</div>
					<div class="inputBoxmt clearfix">
						<select class="selectBox">
							<option>请选择科目</option>
							<option>语文</option>
							<option>数学</option>
							<option>英语</option>
						</select>
					</div>
					<div class="inputBox inputBoxmt clearfix">
						<input type="text" placeholder="请输入手机号码"/>
					</div>
					<div class="inputBox inputBoxmt inputCode clearfix" >
						<input type="text" placeholder="请输入验证码" />
					</div>
					<img src="images/code-img.jpg" class="code-img clearfix" />
					<a href="javascript:void(0)" class="submitBtn clearfix">提交</a>
				</form>
			</div>
		</div>
		<script>
		$(function(){
			var swiper = new Swiper('.swiper-container', {
		        slidesPerView: 'auto',
		        spaceBetween: 20
		    });
		    $(".close-btn").click(function(){
		    	$(".mark").hide();
		    });
		    $(".showtel").click(function(){
		    	$(".mark").show();
		    })
		    $(".detail-choose a").click(function(){
		    	$(this).addClass("on").siblings().removeClass("on");
		    });
		})
			
		</script>
	</body>
</html>
